#include("/manage/_common/_layout.html")
#@layout()

### ********************************* 定义页面标题
#define title()
属性项列表
#end

### ********************************* css导入
#define import_css()
#end

### ********************************* js导入
#define import_js()
#end

### ********************************* Body内容区开始
#define main()
<div class="layui-row layui-col-space15">
	<div class="layui-col-xs12 layui-col-sm8 layui-col-md9">
		<table class="layui-table"
			lay-data="{height: 'full-100', cellMinWidth: 60, page:true, initSort: {field:'sortNum', type:'asc'}, id:'ID_master_table', toolbar: '#ID_master_table_toolbar'}"
			lay-filter="LAY-master-table">
			<thead>
				<tr>
					<th lay-data="{field:'id', width:60, align:'center', sort: true, fixed: true}">ID</th>
					<th lay-data="{field:'name', width:200, sort: true, fixed: true}">项目名</th>
					<th lay-data="{field:'sortNum', width:80, sort: true, align:'center'}">排序</th>
					<th lay-data="{field:'remark', width:300}">描述</th>
					<th lay-data="{fixed: 'right', width:160, align:'center', toolbar: '#ID_master_table_action'}">操作</th>
				</tr>
			</thead>
		</table>
	</div>
	<div class="layui-hide-xs layui-col-sm4 layui-col-md3">
		<ul class="layui-nav layui-nav-tree layui-bg-cyan" lay-shrink="all" style="width: 100%">
		#for(goodsType : goodsTypeList)
			<li class="layui-nav-item layui-nav-itemed"><a href="javascript:;">#(goodsType.name)</a>
				<dl class="layui-nav-child">
			#for(attrCategory : attrCategoryList)
				#if(attrCategory.goodsTypeId == goodsType.id)
					<dd #if(for.first && for.outer.first)class="layui-this"#end>
						<a href="javascript:;" class="attrCategory" attrCategoryId="#(attrCategory.id)">#(attrCategory.name)</a>
					#if(for.first && for.outer.first)
						<input type="hidden" id="ID_attr_category_id" value="#(attrCategory.id)">
					#end
					</dd>
				#end
			#end
				</dl>
			</li>
		#end
		</ul>
	</div>
</div>

<!-- 行操作栏 -->
<script type="text/html" id="ID_master_table_action" >
	<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></a>
	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i></a>
</script>

<!-- 数据表格头部工具栏 -->
<script type="text/html" id="ID_master_table_toolbar">
	<div class="layui-btn-container">
		<a class="layui-btn layui-btn-sm" lay-event="add" id="ID_btn_add"><i class="layui-icon layui-icon-add-circle"></i> 添加</a>
	</div>
</script>

#end
### ********************************* Body内容区结束


### ********************************* 脚本区开始
#define script()
#include("_index_script.html")
#end
### ********************************* JS脚本区结束
